<script src="../js/valida_form.js" type="text/javascript"></script>
<script src="../js/add_campos_dinamicos.js" type="text/javascript"></script>

<div id="conteudo">
	<form id="cadastro_produto" method="POST" action="cadastros/realiza_cadastro.php" enctype="multipart/form-data">
		<fieldset>
			<legend>Informações do Produto:</legend>

			<label for="nome"> Nome *</label>
			<input type="text" id="nome" name="nome"/>

			<label for="descricao">Descrição * </label>
			<textarea  id="descricao" name="descricao" ></textarea>

			<label for="preco">Preço * </label>
			<input type="text"  id="preco" name="preco" />

			<label for="preco_promocional">Preço promocional </label>
			<input type="text"  id="preco_promocao" name="preco_promocional" />

			<label for="peso">Peso </label>
			<input type="text"  id="peso" name="peso" />

			<label for="estoque">Estoque * </label>
			<input type="text"  id="estoque" name="estoque" />

			<label for="quantidade_max">Quantidade máxima </label>
			<input type="text"  id="quantidade_max" name="quantidade_max" />
			
			<label for="foto">Foto</label>
				<input type="file" name="foto" id="foto" size="16" />			
		</fieldset>
		<fieldset>
		<legend>Campos Personalizados</legend>
		<div class="personalizados">
					
			<p class="campo_personalizado">
				<label for="estoque">Nome do campo</label>
				<input type="text" name="personalizado[]" />
				
				<label for="estoque">Valor</label>
				<input type="text" name="personalizado[]" />
				<a href="#" class="remover_campo">Remover campo</a>
				<a href="#" class="adicionar_campo">Adicionar novo campo</a>
			</p>
			
		</div>
		</fieldset>
		<p>*Campos obrigatórios</p>
		<input type="submit" value="Cadastrar" name="cad_produto" /> 

		</p>
	</form>
</div>
